﻿[%^Main%]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/DinoRichCMS.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>VietSilver CMS</title>
<!-- InstanceEndEditable -->
<link href="~/../style/reset.css" rel="stylesheet" type="text/css" />
<link href="~/../style/960.css" rel="stylesheet" type="text/css" />
<link href="~/../style/global.css" rel="stylesheet" type="text/css" />
<link href="~/../style/jquery-ui-1.8.4.custom.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" language="javascript" src="~/../js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" language="javascript" src="~/../js/jquery-ui-1.8.4.custom.min.js"></script>
<script type="text/javascript" language="javascript" src="~/../js/jquery.validate.pack.js"></script>
<script type="text/javascript" language="javascript" src="~/../js/global.js"></script>
<!-- InstanceBeginEditable name="head" -->
<script type="text/javascript" language="javascript">
	$().ready(function(){
		$("#accordion").accordion("activate", {{objectIndex}});
	});
	
	function ToggleSelect(value){
		if ($('.selectObject[value*=p-' + value + ']:checked').size() == 0){
			$('.selectObject[value*=p-' + value + ']').attr('checked', 'checked');
		}else{
			$('.selectObject[value*=p-' + value + ']').removeAttr('checked');
		}
	}
	
	function SelectCategoryType(type){
		$('#categoryType').val(type);
		$('#layoutForm').submit();
	}
	
	function SelectItem(object, position, order){
		if (object == '' || position == '' || order == '') return;
		
		var objects = object.split(",");
		var positions = position.split("|");
		var orders = order.split("|");
			
		for(i = 0; i < objects.length; i++){
			var positionItems = positions[i].split(",");	
			var orderItems = orders[i].split(",");
		
			for(j = 0; j < positionItems.length; j++){
				$('input[data="p-' + positionItems[j] + ' o-' + objects[i] + '"]').attr('checked', 'checked');
				$('#object-' + positionItems[j] + '-' + objects[i]).val(orderItems[j]);
			}
		}
	}
	
	function SetValue(id){
		var order = $('#' + id).val();
		var data = $('#' + id).prev().attr('data');
		
		$('#' + id).prev().val(data + ' od-' + order);
	}
	
	function SaveFunction(){		
		Ajax('layout&action={{layoutType}}', $('.selectObject').serialize(), function(data){
			if (data.indexOf('OK') != -1){
				$('#error').removeClass('editError');
				$('#error').addClass('result');
				$('#error img').attr('src', '~/../images/ok.png');
				$('#result-message').html('{{#SaveSettingOK}}');
				$("#error").show();
				$("#error").effect("bounce", {}, 200, function(){ $("#error").hide(); });			
			}
			else {
				$('#error').removeClass('result');
				$('#error').addClass('editError');
				$('#error img').attr('src', '~/../images/error.png');
				$('#result-message').html('{{#SaveSettingFail}}');
				$("#error").show();
				$("#error").effect("bounce", {}, 200, function(){ $("#error").hide(); });
			}
		});
	}
</script>
<!-- InstanceEndEditable -->
<!--[if IE 5]>
<style type="text/css"> 
/* place css box model fixes for IE 5* in this conditional comment */
.twoColFixLtHdr #sidebar1 { width: 230px; }
</style>
<![endif]-->
<!--[if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
.twoColFixLtHdr #sidebar1 { padding-top: 30px; }
.twoColFixLtHdr #mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->
</head>
<body class="twoColFixLtHdr">
<div id="user">
	<div id="center_user">
	{{#Hi}} <strong>{{fullName}}</strong> | <a href="javascript:void(0);" onclick="javascript:LogOut();">{{#Logout}}</a>  
	<span id="company">{{#Company}}</span>
	</div>
</div>
<div id="logo">
	<div id="center_logo">
		<img id="vietsilver" src="~/../images/viet_silver.png" alt="viet silver" />
		<strong>{{#Language}}: </strong>[%^LanguageFlag%][%^LanguageFlagItem%]<a href="javascript:void(0);" class="language" onclick="javascript:ChangeLanguage('{{langCode}}');" title="{{langName}}"><img src="~/../images/{{langCode}}.png" alt="{{langName}}" /></a>[%$LanguageFlagItem%][%$LanguageFlag%]
	</div>
</div>
<div id="container">
  <div id="header">
  	<!--<a href="/">Home</a> Danh sách tin-->
	<div id="search">
		<form id="searchForm" action="news.aspx" method="post">
			<p>			  
			  <input type="text" id="search_" name="search" value="{{searchValue}}" style="text-align:left;" />
			  <input type="submit" value="" />
			</p>
		</form>
	</div>
  </div>
  <div id="sidebar1">
    <div id="accordion">
      <h3><a href="#"><img src="~/../images/news.png" /><em>{{#News}}</em></a></h3>
      <div>
        <ul>
          <li><a href="~/../news.aspx">{{#NewsList}}</a></li>
          <li><a href="~/../news.aspx?type=add">{{#AddNew}}</a></li>
          <li><a href="~/../category.aspx?filter=news">{{#ListCategory}}</a></li>
        </ul>
      </div>
      <h3><a href="#"><img src="~/../images/product.png" /><em>{{#Products}}</em></a></h3>
      <div>
        <ul>
          <li><a href="~/../product.aspx">{{#ProductList}}</a></li>
          <li><a href="~/../product.aspx?type=add">{{#AddNew}}</a></li>
          <li><a href="~/../category.aspx?filter=product">{{#ListCategory}}</a></li>
          <!--<li><a href="~/../order.aspx">{{#Orders}}</a></li>-->
        </ul>
      </div>
      <!--<h3><a href="#">{{#Categories}}</a></h3>
      <div>
        <ul>
          <li><a href="category.aspx">{{#ListCategory}}</a></li>
          <li><a href="category.aspx?type=add">{{#AddNew}}</a></li>
        </ul>
      </div>-->
      <h3><a href="#"><img src="~/../images/user.png" /><em>{{#Admin}}</em></a></h3>
      <div>
        <ul>
          <li><a href="~/../user.aspx">{{#UserList}}</a></li>
          <li><a href="~/../user.aspx?type=add">{{#AddNew}}</a></li>
        </ul>
      </div>
      <h3><a href="#"><img src="~/../images/advertise.png" /><em>{{#Advertise}}</em></a></h3>
      <div>
        <ul>
          <li><a href="~/../advertise.aspx">{{#AdvertiseList}}</a></li>
          <li><a href="~/../advertise.aspx?type=add">{{#AddNew}}</a></li>
          <li><a href="~/../layout.aspx?type=advertise-position">{{#ConfigPosition}}</a></li>
        </ul>
      </div>
      <h3><a href="#"><img src="~/../images/position.png" /><em>{{#Position}}</em></a></h3>
      <div>
        <ul>
          <li><a href="~/../position.aspx">{{#PositionList}}</a></li>
          <li><a href="~/../position.aspx?type=add">{{#AddNew}}</a></li>
        </ul>
      </div>
      <h3><a href="#"><img src="~/../images/setting.png" /><em>{{#Other}}</em></a></h3>
      <div>
        <ul>
          <li><a href="~/../layout.aspx?type=category-position&categoryType=news-category">{{#Layout}}</a></li>
          <li><a href="~/../setting.aspx">{{#Settings}}</a></li><li><a href="~/../roomgallery.aspx?type=edit&id=0">{{#Map}}</a></li><li><a href="~/../roomgallery.aspx?type=add">{{#NewMap}}</a></li>
        </ul>
      </div>
    </div>
  </div>
  <div id="mainContent">
  	<!-- InstanceBeginEditable name="Content" -->[%^Content%]
    <h3>&raquo; {{#Config}} {{#LayoutLC}}[%^CategoryType%]&nbsp;&nbsp;
    	<select id="categoryTypeSelect" name="categoryTypeSelect" style="width:150px;" onchange="SelectCategoryType($(this).val());">
        <option value="news-category">{{#NewsCategory}}</option>
        <option value="product-category">{{#ProductCategory}}</option>
			</select>
      <script>$('#categoryTypeSelect').val('{{categoryType}}');</script>[%$CategoryType%]
		</h3>
    <div id="error" class="result">
      <p><img src="~/../images/ok.png" /><span id="result-message">Thêm mới thành công!</span></p>
    </div>
    [%^Table%]
    <form id="layoutForm" action="layout.aspx" method="post">
    	<input type="hidden" id="layoutType" name="layoutType" value="{{layoutType}}" />
      <input type="hidden" id="categoryType" name="categoryType" value="{{categoryType}}" />
      <div id="tableContainer">
        <table class="mainTable">
          <thead>
            <tr>
              <th width="40%">{{objectType}} / {{#Position}} / {{#Order}}</th>[%^PositionHeader%][%^PositionHeaderItem%]
              <th align="center"><a href="javascript:void(0);" onclick="ToggleSelect({{positionID}});" title="{{positionDescription}}">{{positionName}}</a></th>[%$PositionHeaderItem%][%$PositionHeader%]
            </tr>
          </thead>[%^CategoryList%]
          <tbody>
          [%^CategoryListItem%]
          <tr>
            <td><a href="{{objectURL}}">{{objectName}}</a></label></td>[%^PositionCheckBox%][%^PositionCheckBoxItem%]
            <td align="center" class="{{columnClass}}"><input type="checkbox" name="selectObject" class="selectObject" data="p-{{positionID}} o-{{objectID}}" value="p-{{positionID}} o-{{objectID}} od-{{objectOrder}}" {{checked}} /><input type="text" id="object-{{positionID}}-{{objectID}}" class="objectOrder" name="objectOrder" value="{{objectOrder}}" onchange="javascript:SetValue('object-{{positionID}}-{{objectID}}');" /></td>[%$PositionCheckBoxItem%][%$PositionCheckBox%]
          </tr>
          [%$CategoryListItem%]
          </tbody>
          [%$CategoryList%]
        </table>
      </div>
      <p class="classifyAction"><a class="button action" href="javascript:void(0);" onclick="SaveFunction();">{{#Save}}</a></p>
    </form>
    [%$Table%][%^Error%]
    <div id="notFound" class="editError">{{#NotFound}}</div>
    <script>$('#notFound').show();</script>
    [%$Error%][%$Content%]<!-- InstanceEndEditable -->
  </div>
  <br class="clearfloat" />
  <div id="footer" class="clearfix">
  	<p class="fleft">{{#CopyrightText}}</p>
  </div>
</div>
</body>
<!--{{errorCode}}-->
<!-- InstanceEnd --></html>[%$Main%]